// pages/echart/echart.js
import * as echarts from '../../components/ec-canvas/echarts';

let chart = null;

// 2、进行初始化数据
function initChart(canvas, width, height) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);
  var option = {
    color: ['#37a2da', '#32c5e9', '#67e0e3'],
    legend: {
      data:['借用次数']
  },
    tooltip: {
      trigger: 'axis',
      axisPointer: {           
        type: 'shadow'  
      }
    },
    grid: {
      left: 20,
      right: 10,
      bottom: 45,
      top: 30,
      containLabel: true
    },
    xAxis: [
      {
        type: 'value',
      }
    ],
    yAxis: [
      {
        type: 'category',
        axisTick: { show: false },
        data: ['都江堰二教','温江二教', '雅安一教', '都江堰一教', '温江一教', '雅安十教'],
      }
    ],
    series: [
      {
        name: '借用次数',
        type: 'bar',
        label: {
          normal: {
            show: true,
            position: 'inside'
          }
        },
        data: [1 ,1, 3, 3, 3, 4],
      },
    ]
  };
  chart.setOption(option);
  return chart;
}


Page({

  onShareAppMessage: function (res) {
    return {
      title: 'ECharts',
      path: '/pages/index/index',
      success: function () { },
      fail: function () { }
    }
  },
  data: {
    ec: {
      onInit: initChart // 3、将数据放入到里面
    },
  },
    //事件处理函数
    tapItem: function (e) {
      console.log('index接收到的itemid: ' + e.detail.itemid);
    },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  onReady() {
    setTimeout(function () {
      console.log(chart)
    }, 2000);
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})